<template>
<!-- <div class="wrap"> -->
  <div class="logn">
    <ul>
      <li>
        <img :src="imga" alt="" class="tp"/>
        <div class="t1">
        <span class="m">{{ title }}</span>
        <img :src="imgb" alt="" class="g"/>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: ["imga", "title", "imgb"],
};
</script>

<style scoped>
ul,
ol,
li {
  list-style: none;
}
.logn{
        width: 88%;
        height:0.6rem ;
        margin: 0 auto;
        line-height: 0.76rem;
        display: flex;
        border-bottom: 1px solid #cccc;
    }
    .m{
        flex: 1;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.15rem;
        position: relative;
        left: 0.5rem;
        top: -0.8rem;
    }
     /* .t1{
        flex: 1;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.15rem;
    } */
     .g{
        margin-left: 2.2rem;
        color: #cccc;
        position: relative;
        left: 0.5rem;
        top: -0.5rem;
    }
</style>